<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Security-Policy" content="script-src 'self'" />

    <title>Min</title>

    <link rel="stylesheet" href="dist/bundle.css" />
    <link rel="stylesheet" href="ext/icons/iconfont.css" />
  </head>

  <body>
    <div class="window-drag-area"></div>

    <div class="windows-caption-buttons">
      <div class="element caption-minimise">
        <svg>
          <line x1="1" y1="5.5" x2="11" y2="5.5" />
        </svg>
      </div>
      <div class="element caption-maximize">
        <svg>
          <rect x="1.5" y="1.5" width="9" height="9" />
        </svg>
      </div>
      <div class="element caption-restore">
        <svg>
          <rect x="1.5" y="3.5" width="7" height="7" />
          <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5" />
        </svg>
      </div>
      <div class="element caption-close">
        <svg>
          <path d="M1,1 l 10,10 M1,11 l 10,-10" />
        </svg>
      </div>
    </div>

    <button id="linux-control-buttons" class="theme-text-color">
      <svg
        width="74"
        height="24"
        version="1.1"
        fill="none"
        stroke="none"
        stroke-linecap="square"
        stroke-miterlimit="10"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g id="minimize-button">
          <rect width="24" height="24" fill="transparent"></rect>
          <path
            class="button-background"
            d="m0.5826226 9.868774l0 0c0 -5.24453 4.251532 -9.496062 9.496063 -9.496062l0 0c2.5185127 0 4.933873 1.0004752 6.714731 2.7813323c1.7808571 1.7808576 2.781332 4.196218 2.781332 6.7147303l0 0c0 5.2445316 -4.2515326 9.496063 -9.496063 9.496063l0 0c-5.244531 0 -9.496063 -4.2515316 -9.496063 -9.496063z"
            fill-rule="evenodd"
          />
          <path
            stroke="currentColor"
            stroke-width="2.0"
            stroke-linejoin="round"
            stroke-linecap="butt"
            d="m6.7086616 12.519685l6.7401576 -0.031496048"
            fill-rule="evenodd"
          />
        </g>
        <g id="maximize-button">
          <rect width="24" height="24" x="24" fill="transparent"></rect>
          <path
            class="button-background"
            d="m27.85034 9.868774l0 0c0 -5.24453 4.2515316 -9.496062 9.496061 -9.496062l0 0c2.5185127 0 4.933876 1.0004752 6.714733 2.7813323c1.7808571 1.7808576 2.78133 4.196218 2.78133 6.7147303l0 0c0 5.2445316 -4.2515297 9.496063 -9.496063 9.496063l0 0c-5.2445297 0 -9.496061 -4.2515316 -9.496061 -9.496063z"
            fill-rule="evenodd"
          />
          <path
            stroke="currentColor"
            stroke-width="2.0"
            stroke-linejoin="round"
            stroke-linecap="butt"
            d="m34.16273 6.717848l6.3622017 0l0 6.2992125l-6.3622017 0z"
            fill-rule="evenodd"
          />
        </g>
        <g id="close-button">
          <rect width="24" height="24" x="48" fill="transparent"></rect>
          <path
            class="button-background"
            d="m55.118057 9.496072l0 0c0 -5.244531 4.2515297 -9.496063 9.496063 -9.496063l0 0c2.518509 0 4.9338684 1.0004753 6.7147293 2.7813325c1.7808533 1.7808573 2.781334 4.1962185 2.781334 6.714731l0 0c0 5.2445307 -4.2515335 9.496062 -9.496063 9.496062l0 0c-5.2445335 0 -9.496063 -4.2515316 -9.496063 -9.496062z"
            fill-rule="evenodd"
          />
          <path
            stroke="currentColor"
            stroke-width="2.0"
            stroke-linejoin="round"
            stroke-linecap="butt"
            d="m61.26077 6.1103663l6.740162 6.7716537"
            fill-rule="evenodd"
          />
          <path
            stroke="currentColor"
            stroke-width="2.0"
            stroke-linejoin="round"
            stroke-linecap="butt"
            d="m68.01668 6.1261144l-6.771656 6.7401576"
            fill-rule="evenodd"
          />
        </g>
      </svg>
    </button>

    <div
      id="navbar"
      class="theme-background-color theme-text-color windowDragHandle"
      tabindex="-1"
    >
      <button
        id="menu-button"
        class="navbar-action-button i carbon:overflow-menu-vertical"
        data-label="openMenu"
        tabindex="-1"
      ></button>
      <button
        id="back-button"
        hidden
        class="navbar-action-button i carbon:chevron-left"
        data-label="goBack"
        tabindex="-1"
      ></button>
      <div id="tabs">
        <div id="tab-editor" hidden>
          <input id="tab-editor-input" class="mousetrap" spellcheck="false" />
        </div>
        <div id="tabs-inner" role="tablist" class="has-thin-scrollbar"></div>
      </div>
      <div class="navbar-right-actions">
        <button
          id="add-tab-button"
          class="navbar-action-button i carbon:add"
          data-label="newTabAction"
          tabindex="-1"
        ></button>
      </div>
    </div>

    <button
      id="switch-task-button"
      class="navbar-action-button theme-text-color windowDragHandle i"
      data-label="viewTasks"
      tabindex="-1"
    >
      <svg
        version="1.1"
        viewBox="0.0 0.0 26.0 26.0"
        fill="none"
        stroke="none"
        stroke-linecap="square"
        stroke-miterlimit="10"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g clip-path="url(#p.0)">
          <path
            fill="currentColor"
            d="m0 0l32 0l0 4l-32 0z"
            fill-rule="evenodd"
          />
          <path
            fill="currentColor"
            d="m0 11l32 0l0 4l-32 0z"
            fill-rule="evenodd"
          />
          <path
            fill="currentColor"
            d="m0 22l32 0l0 4l-32 0z"
            fill-rule="evenodd"
          />
        </g>
      </svg>
    </button>

    <div id="searchbar" class="theme-background-color theme-text-color">
      <div class="top-answer-area"></div>
    </div>

    <div id="overlay"></div>

    <div id="webviews">
      <div id="leftArrowContainer" class="arrow-indicator">
        <i id="leftArrow" class="i carbon:chevron-left"></i>
      </div>
      <div id="rightArrowContainer" class="arrow-indicator">
        <i id="rightArrow" class="i carbon:chevron-right"></i>
      </div>
      <img id="webview-placeholder" hidden aria-hidden="true" />
    </div>

    <!-- findinpage ui -->

    <div
      id="findinpage-bar"
      hidden
      class="theme-background-color theme-text-color"
    >
      <input id="findinpage-input" class="mousetrap" />
      <span id="findinpage-count" class="inline-text"></span>
      <div class="divider"></div>
      <button id="findinpage-previous-match">
        <i class="i carbon:chevron-up navbar-action-button"></i>
      </button>
      <button id="findinpage-next-match">
        <i class="i carbon:chevron-down navbar-action-button"></i>
      </button>
      <div class="divider"></div>
      <button id="findinpage-end">
        <i class="i carbon:close navbar-action-button"></i>
      </button>
    </div>

    <div id="task-overlay" class="" hidden>
      <div
        class="simulated-navbar windowDragHandle"
        id="task-overlay-navbar"
      ></div>
      <div id="task-area"></div>
      <button id="add-task">
        <i class="i carbon:new-tab"></i>
        <span></span>
      </button>
    </div>

    <div id="download-bar" hidden>
      <div id="download-container" role="list" class="has-thin-scrollbar"></div>
      <button id="download-close-button" class="i carbon:close"></button>
    </div>

    <div class="modal" id="manager-setup-dialog" hidden>
      <h3 class="modal-title" id="manager-setup-heading"></h3>
      <button
        id="manager-setup-close"
        class="modal-close-button i carbon:close"
      ></button>

      <div id="manager-setup-instructions-primary">
        <div
          class="light-fade"
          data-string="passwordManagerSetupStep1"
          data-allowHTML
        ></div>
        <div class="spacer"></div>
        <div
          class="light-fade"
          data-string="passwordManagerSetupStep2"
          data-allowHTML
        ></div>
      </div>

      <div id="manager-setup-instructions-secondary">
        <div
          class="light-fade"
          data-string="passwordManagerInstallerSetup"
          data-allowHTML
        ></div>
      </div>

      <div class="spacer"></div>

      <div
        id="manager-setup-drop-box"
        class="drag-and-drop-box"
        data-string="passwordManagerSetupDragBox"
      ></div>

      <div class="spacer"></div>
      <div class="spacer"></div>

      <div class="buttons">
        <input
          type="button"
          id="manager-setup-disable"
          data-value="disableAutofill"
        />
      </div>
    </div>

    <div id="password-capture-bar" hidden>
      <span id="password-capture-description"></span>
      <input id="password-capture-username" type="text" required />
      <span class="password-capture-section">
        <input id="password-capture-password" type="password" required />
        <button
          id="password-capture-reveal-password"
          class="i carbon:view"
        ></button>
      </span>
      <span class="password-capture-section">
        <button
          id="password-capture-save"
          data-string="passwordCaptureSave"
        ></button>
        <button
          id="password-capture-ignore"
          data-string="passwordCaptureDontSave"
        ></button>
      </span>
    </div>

    <div id="password-viewer" class="modal" hidden>
      <h2 class="modal-title" data-string="savedPasswordsHeading"></h2>
      <button class="modal-close-button i carbon:close"></button>
      <div
        id="password-viewer-empty"
        data-string="savedPasswordsEmpty"
        hidden
      ></div>
      <div id="password-viewer-list"></div>
    </div>

    <!-- add scripts in Gruntfile.js -->

    <script src="dist/bundle.js"></script>
  </body>
</html>
